<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
	<title>Settings</title>
</head>
<body>
	<div id="settings"></div>
	<div style="margin-top: 20px;font-size: 12px;margin-left: 10px">
		总结：
		<ol>
			<li>.vue .html .js 三个文件建立关联，是靠 .js 文件来完成的。其中 .vue 和 .js 是依靠 import 模块建立的关系； .html 和 .js 是依靠 new Vue 中设置挂载点 el 来建立的关系。</li>
			<li>注意在 new Vue 中设置挂载点后，还要设置引入的组件和template</li>
			<li>在 new Vue 中设置引入的组件，要用 components: {...} 的形式；很奇怪，使用 component:**** 就不行，一定要用 components （复数形式）</li>
		</ol>
	</div>
</body>
</html>